
*
{
margin: 0px;
padding: 0px;
}

a:link {
	color: #630000;
	text-decoration:none;
}

a:hover {
	text-decoration: underline;
	color: #78030a;
}

.mouse-out {
}

#right .test-description {
	clear: both;
}

#right .section {
	clear: both;
}

#right th {
    text-align: center;
    vertical-align: top;
}

#right td {
    vertical-align: top;
}

#right .section-text-wrapper {
	clear: both;
	padding-top: 5px;
	padding-bottom: 5px;
}

#right .section-text {
    padding-right: 90px;
}

#right .mouse-in {
	background: #ffefef;
}

#right .mouse-out {
	background: none;
}

#right .question-wrapper {
	margin-top: 10px;
	clear: both;
}

.question-content-wrapper {
	padding-bottom: 5px;
}

.answer-list-wrapper {
	clear: both;
	margin-left: 20px;
}	

#right .answer-wrapper {
	clear: both;
	padding-top: 5px; 
	padding-bottom: 5px;
}

#right .question {
    padding-right: 90px;
}

#right .buttons {
	float:right;
}

#right .column-count {
    width: 250px;
    text-align: right;
}

#right .mouse-in .buttons {
	display: block;
}

#right .mouse-out .buttons {
	display: none;
}
    
#right .column-buttons {
	width: 200px;
}

#right .row-constraint td {
	height: 20px;
}

body {	
	background: #000000;
	font: 13px Arial, Helvetica, sans-serif;
	color: #383838;
}

#content{
	margin: 0 auto;
	background: #1e7c01;
	width: 989px;
	text-align: left;
	background: url(../images/mainbg.gif) center;
	background-repeat:repeat-y;
}

#main{
width: 989px;
margin: 0 auto;
clear:both;
}

#header {
	height: 397px;
	width: 289px;
	background: #1e7c01 url(../images/header.jpg) no-repeat top;		
}

#right ol, #right ul
{
margin-left: 30px;
line-height: 20px;
}

#right h3 {
    //padding-left: 30px;
}

#menu {
	width: 701px;
	height: 53px;
	background: url(../images/menu.gif) no-repeat;
	border-bottom: 10px solid #000000;
}

#menu ul {
	list-style: none;	
	padding-left:0px;
}

#menu li {	
	display: inline; 
}

#menu a{
	display: block;
	float: left;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size: 18px;
	font-weight: normal;
	color: #ffffff;
	text-align: center;
	text-decoration: none;	
	height: 35px;
	padding-top: 18px;	
	width: 107px;

}

#menu a:hover{
    height: 35px;
	background: url(../images/menu_hover.jpg) repeat-x;
}

#left{
	width: 278px;
}

#lefttop{
	background:url(../images/lefttop.gif) no-repeat top;
	height: 13px;
}

#left H3{
	font-family:Georgia, "Times New Roman", Times, serif;
	width: 236px;
	height: 30px;
	font-size: 18px;
	font-weight: normal;
	padding-left:15px;
	padding-top: 10px;
	color: #ffffff;
	background: url(../images/title.png) repeat-x;
	margin: 0 auto;
	text-align:center;
}

.leftbg{
	background:url(images/leftbg.jpg) no-repeat center top;
	padding-top:25px;
}	

.leftcenter{
	background:url(../images/leftcenter.gif) no-repeat right;
	height: 19px;	
}

#left ul {
	list-style: none;
	padding-bottom: 10px;
	margin-bottom: 10px;
	padding-left: 20px;
	padding-right: 20px;
	
}

#left ul li{
	background:url(../images/liststyle.png) no-repeat top left;
	padding-left: 25px;
	padding-bottom: 10px;
}

#left p {
	padding-left:20px;
}
#left a {
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	text-decoration:none;
	color: #000000;
	
}
#left a:visited {
	color: #196050;
	
}

#right{
	float: right;
	width: 700px;
}

#righttop{
	background:url(../images/righttop.gif) no-repeat top right;
	height: 13px;
}

#right H4{
	width: 660px;
	height: 30px;
	font-size: 18px;
	font-weight: normal;
	padding-left: 14px;
	padding-top: 12px;
	color: #ffffff;
	background: url(../images/right_top.png) no-repeat;
	margin: 0 auto;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 18px;
}

.rightcenter{
	background:url(../images/rightcenter.gif) no-repeat right;
	height: 19px;	
}

.rightbg{
	background:url(../images/rightbg.jpg) no-repeat center top;
	padding-right:25px;
	padding-left:25px;
	padding-top:25px;
}	

#right p {
	margin: 0;
	
}

#right h1 {
}

#right .toolbar {
}

#right .navigator {
}

#right ol, #right ul
{
margin-left: 30px;
}


#right h2 {
	margin: 0;
	padding: 0;
	padding-top: 10px;
	color: #196050;
}

#right img {
	border:0;
}

#logo {

text-align: center;
padding-left: 0px;
background: #000000;
border:0; width: 700px; height:85px

}

#mainbot{
	background:url(../images/mainbot.gif) no-repeat;
	height: 20px;
	clear:both;
}

#footer {
	height: 40px;
	width: 990px;
	clear: both;
	padding-top: 20px;
	background-image:url(../images/footer.gif);
	background-image:no-repeat;
	padding-bottom: 5px;
}

#footer p {
	margin: 0;
	font-size: 10px;
	text-align: center;
	color: #ffffff;
}

#footer a {
	color: #ffffff;
}

table {
	text-align:left;
}

#right table {
	width: 100%;
	clear: both;
}

#right .mceLayout {
	clear: none;
}

#right .mceToolbar {
	width: auto;
}

#form_edit br {
	clear: both;
}
	
#form_edit {
	clear: both;
	width: 400px;
}

#form_edit input, #form_edit select {
	float:right;
	clear: both;
}

.error-validating {
	display: block;
	clear: both;
	float: right;
    color: red;
}

.solve-status {
    position: fixed; 
    bottom: 10px; 
    right: 10px;
    padding: 10px;
    background-color: yellow;
}

.solve-status .value {
	font-weight: bold;
}

#right #qc_content_container, #right #qc_content {
	width:400px;
}

#right #tc_description_container, #right #tc_description {
	width:400px;
}

#right .toolbar {
	float: left;
}

#right .navigator {
	float: right;
}

#right .empty-notif {
    text-align: center;
    margin-bottom: 10px;
    margin-top: 10px;
    font-style: italic;
}

#right .list-new {
    list-style-image: url('../images/new.jpeg');
    margin-left: 50px;
}

#listForm {
    clear: both;
}

.clear {
    clear: both;
}

.content-wrapper {
	margin-top: 10px;
	margin-bottom: 10px;
}

.answer-content-wrapper {
}

fieldset {
	padding: 10px;
	margin-top: 10px;
	margin-bottom: 10px;
	-moz-border-radius: 10px 10px 0 0;
}

legend {
	padding-left: 10px;
	padding-right: 10px;
}	

.mark-question-list .mouse-in {
    background: #ffefef;
}	

.mark-question-list .mouse-out {
    background: none;
}	

.notification {
	padding: 10px;
	border: thin dashed;
	font-weight: bolder;
	background: #ffefef;
	margin-top: 10px;
	margin-bottom: 20px;
}

.error-notification {
	padding: 10px;
	margin-top: 50px;
	margin-bottom: 100px;
	color: red;
	font-weight: bolder;
    font-size: larger;
	border: thin dashed;
    background: #ffefef;
    text-align: center;
}

/*
 * tránh bị xuống dòng vì trong câu trả lời có thẻ p
 */
.question-number-wrapper {
    float: left;
    margin-right: 10px;
}
 
.answer-number-wrapper {
    float: left;
    margin-right: 2px;
}
 
.check-wrapper {
    float: left;
    margin-right: 10px;
}
 
.marker-wrapper {
    float: left;
    margin-right: 5px;
}

